<!-- Content Background -->
	<div id="content_bg" class="png_bg">
    <!-- Content-->
	<div id="content">	
        <img src='images/pixel.gif'  alt='pixel.gif'  />
    <!-- Left Content-->
    <div class="column_left">
	   <br/>
           <!--Tab Menu--> 
	       <ol style="margin: 0; padding: 0 0 0 30px;">
        		<!--Tab Account-->
                <li id="select_account" class="info_tabs info_tabs_selected" style="display: inline-block; zoom: 1; *display: inline; list-style: none;">
        			<span class="nohover">Account</span>
        		</li>
        		<!--Tab Account-->
                <!--Tab Notif-->
                <li id="select_notifications" class="info_tabs" style="display: inline-block; zoom: 1; *display: inline; margin-left:20px; list-style: none;">
        			<span>Notifications</span>
        		</li>
                <!--Tab Notif-->
  	       </ol>
           <!--Tab Menu-->
           
           <!--Tab Notif-->
	       <div id="account" style="height: 100%; display: block;">
		          <h2 class="subheading" style="padding:0 0 10px 30px">
                        Change your account information and privacy settings
                  </h2>
		          <br/>
		          
                  <form id="account_form" name="account_form" action="user_profile" method="post" enctype="multipart/form-data">
                        <input type="hidden" name="id" value=2944199>
                        <table style="height:100%; width:100%;" cellspacing="5">
                        <!--Edit Username-->
                        <tr>
					           <td class="profilelabel" width="35%">Username</td>
					           <td>repotman<!--<a id="changeUsername" href="#" style="padding-left:5px">change</a>--></td>
				        </tr>
                        <!--Edit Username-->
				        <!--Edit Password-->
                        <tr>
						      <td class="profilelabel">Password</td>
						      <td>********<!--<a id="changePassword" href="#" style="padding-left:5px">change</a>--></td>
					    </tr>
                        <!--Edit Password-->
                        <!--Edit Email-->
					    <tr>
					           <td class="profilelabel">Email</td>
					           <td>hendarsyahss@gmail.com <!--<a id="changeEmail" href="#" style="padding-left:5px">change</a>--></td>
				        </tr>
				        <!--Edit Email-->
                        <!--Edit Name-->
                        <tr>
					           <td class="profilelabel">Name</td>
					           <td>
                                    <input type="text" class="inputbox" name="realname" maxlength="60" tabindex=10 value="" />
                                    <input type="checkbox" name="showname" checked tabindex=20 value="1" />show					
                               </td>
				        </tr>
                        <!--Edit Name-->
                        <!--Edit Birth-->
				        <tr>
					           <td class="profilelabel">Date of Birth</td>
					           <td>
						              <input id="birthdate" type="text" name="birthdate" size="8" maxlength="10" tabindex="30" value="05-17-1989"/>
						              <input type="checkbox" name="showage"  tabindex=40 value="1" />show my birthday
                               </td>
				        </tr>
                        <!--Edit Birth-->
                        <!--Edit Gender-->
				        <tr>
					           <td class="profilelabel">Gender</td>
       					       <td>
            						<select name="gender" tabindex="50">
            							<option value="M" selected="selected">Male</option>
                                        <option value="F">Female</option>
                                    </select>
           					   </td>
				        </tr>
                        <!--Edit Gender-->
				        <tr>
	                          <td class="profilelabel">Location</td>
					          <td>
                                <input type="text" class="inputbox" name="location" maxlength="60" tabindex="60" value="DKI Jakarta" />
                              </td>
				        </tr>
                        <!--Edit Gender-->
        				<tr>
					           <td class="profilelabel">Website <img src='images/icon22_web.png'  alt='icon22_web.png' border='0' align='absmiddle'  /></td>
					           <td><input type="text" class="inputbox" name="website" maxlength="60" title="website" tabindex="150" value="" /></td>
				        </tr>

				        <tr>
					           <td colspan="2" align="center">
						          <hr/>
                                    <b>About Me</b>
					           </td>
				        </tr>
				        <tr>
					           <td colspan="2">
						          <textarea class="inputbox" name="about" maxlength="2000" style="width:98%; min-height:250px; resize: none;" onkeyup="updateCharCount()" tabindex="160">
                                        -Quad-band GSM and tri-band 3G support
                                        -21 Mbps HSDPA and 5.76 Mbps HSUPA
                                        -LTE network connectivity
                                        -5.3&quot; 16M-color Super AMOLED capacitive touchscreen of HiDef resolution (800 x 1280 pixels)
                                        -Android OS v2.3.6 with TouchWiz 4 launcher
                                        -1.5 GHz dual-core Scorpion CPU, Adreno 220 GPU, Snapdragon S3 chipset, 1GB of RAM
                                        -re-bundled with the S Pen active stylus
                                        -8 MP wide-angle autofocus camera with LED flash, face, smile and blink detection
                                        -Video recording of up to 1080p@30fps
                                        -Dual-band Wi-Fi 802.11 b, g and n support; Wi-Fi Direct and Wi-Fi hotspot
                                        -GPS with A-GPS connectivity; Digital compass
                                        -16 internal storage, microSD slot
                                        -Accelerometer, gyroscope and proximity sensor
                                        -Standard 3.5 mm audio jack
                                        -Charging MHL microUSB port with USB host and TV-out (1080p through optional adapter) support
                                        -Stereo Bluetooth v3.0
                                        -Great audio quality
                                        -9.7 mm slim and weighs a reasonable 178g
                                        -2MP secondary video-call camera
                                        -Full Flash support and GPU-acceleration for the web browser permit 1080p flash video playback
                                        -Document editor
                                        -File manager comes preinstalled
                                        -Extremely rich audio and video format support
                                        2500 mAh battery
                                </textarea>
                                <div style="text-align:right"></span><span id="charcount">1132</span> / 2000</div>
					       </td>
				    </tr>
			       </table>
       			   <table style="height:100%; width:50%; margin:0 auto;">
		           <tr>
     					<td id="account_log" style="height:20px; text-align:center;"></td>
                   </tr>
   				   <tr>
  					    <td align="center"><a id="account_save" class="b2 orange">Save</a></td>
                   </tr>
       			 </table>
		         </form>
        </div>
        <!--Tab Account-->
        
        <!--Tab Notif-->
	   <div id="notifications" style="height: 100%; display: none;">
		      <h2 class="subheading" style="padding:0 0 10px 30px">Receive email notifications for these events</h2>
		      <br/>
		      <form id="notifications_form" name="notifications_form">
              <input type="hidden" name="id" value=2944199 >
              <table cellpadding="3" style="height:100%; width:60%; margin: 0 auto;">
              <tr>
                    <td width="5%">
						<input type="checkbox" name="alerts" checked value="1">
					</td>
					<td>
						<h3>Messages</h3>
					</td>
               </tr>
               <tr>
					<td colspan="2">
						<ul>
							<li>Someone writes on your message board</li>
							<li>Someone becomes your fan</li>
							<li>Someone comments on your story</li>
							<li>Someone mentions you in a comment</li>
							<li>You receive a message</li>
							<li>A new post in your favorite discussion							
                            <br/>
                            <br/>
							<span style="font-style:italic;">
                                You can manage your favorite discussions 
                                    <a href=#>here</a></span></li>
						 </ul>
					  </td>
				</tr>
				<tr>
					   <td width="5%">
						  <input type="checkbox" name="alertssub" checked value="1" />
					   </td>
					   <td class="profile_label" style="color: #333333; font-size:18px; text-align:left">
						  <h3>Fan Alerts</h3>
					   </td>
				</tr>
				<tr>
					   <td colspan="2">
						   <ul>
						  	  <li>Your favorite users upload a story</li>
							  <li>Your favorite users broadcast a message</li>
						  </ul>
					   </td>
				</tr>
				<tr>
					   <td width="5%">
						   <input type="checkbox" name="subscribe" checked value="1">
					   </td>
					   <td class="profile_label" style="color: #333333; font-size:18px; text-align:left">
						  <h3>Updates</h3>
					   </td>
				</tr>
				<tr>
					<td colspan="2">
						<ul>
							<li>Important announcements from Wattpad</li>
						</ul>
					</td>
				</tr>
				<tr>
					<td colspan="2">
                         <span style="font-style: italic; font-weight: bold">Your news feed will not be affected by these settings</span>
					</td>
				</tr>
			    </table>
                
    			<table style="height:100%; width:50%; margin: 5px auto;">
   				<tr>
  					  <td id="notifications_log" style="height: 20px; text-align:center;"></td>
   				</tr>
    				<tr>
   					  <td align="center"><a id="notifications_save" class="b2 orange">Save</a></td>
   				</tr>
    			</table>
		        </form>
	   </div>
       <!--Tab Notif-->
    </div>
    <!--End Left Content-->
    
    <!--Right Content-->
    <?=$this->ws->get_template('sidebar')?>
    <!-- End of Right Content-->

    <script type="text/javascript">
	   var userId = '2944199';
	   var successMessage = 'Your profile was successfully updated.';
	   var userFbId = '';
	   var timelineCallbackUrl = 'http%3A%2F%2Fwww.wattpad.com%2Fuser_profile%2F%3Ffb_timeline%3D1';
	</script>

	<!--Sponsor Bottom-->
	<div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px">
        
	</div>	
    <!--Sponsor Bottom-->
    
 </div>
 <!-- End Content -->
 
 <!-- Content Bottom -->
 <div id="content_bottom" class="png_bg"></div>
  <!-- Content Bottom -->